<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>Play jungle chess</title>
	
	<link rel="stylesheet" href="css/blueprint/reset.css" />
	
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script>
	
	<script type="text/javascript" src="js/setup.js"></script>
</head>
<body ng-app="jungle-chess-alternate-rules" ng-controller="AlternateRulesController">

		<form action="jungle-chess.jsp" method="get">
			<div>
				<label for="elephant-kill-rat">The elephant may kill the rat:</label>
				<input id="elephant-kill-rat" name="elephant-kill-rat" type="checkbox" ng-model="elephantMayKillRat" />
			</div>
			<div>
				<label for="tiger-equals-lion">The lion and the tiger are equally strong (the lion is stronger otherwise):</label>
				<input id="tiger-equals-lion" name="tiger-equals-lion" type="checkbox" ng-model="tigerEqualsLion" />
			</div>
			<div>
				<label for="leopard-jump">The leopard may jump across water horizontally:</label>
				<input id="leopard-jump" name="leopard-jump" type="checkbox" ng-model="leopardJump" />
			</div>
			<div>
				<label for="lion-jump">The lion may jump across water horizontally:</label>
				<input id="lion-jump" name="lion-jump" type="checkbox" ng-model="lionJump" />
			</div>
			<div>
				<label for="universal-traps">Traps are universal for both sides:</label>
				<input id="universal-traps" name="universal-traps" type="checkbox" ng-model="universalTraps" />
			</div>
			<div>
				<label for="fox-replaces-wolf">Fox replaces wolf:</label>
				<input id="fox-replaces-wolf" name="fox-replaces-wolf" type="checkbox" ng-model="foxReplacesWolf" />
			</div>
			<div>
				<label for="attack-from-water">Animals may attack when entering/exiting water:</label>
				<input id="attack-from-water" name="attack-from-water" type="checkbox" ng-model="attackFromWater">
			</div>
			<div>
				<label for="high-level-enter-traps">High level animals (5-8) may enter the traps:</label>
				<input id="high-level-enter-traps" name="high-level-enter-traps" type="checkbox" ng-model="highLevelAnimalsMayEnterTraps">
			</div>
			<div>
				<label for="dog-swim">Dog can swim:</label>
				<input id="dog-swim" name="dog-swim" type="checkbox" ng-model="dogCanSwim">
			</div>
			<input type="button" value="Reset defaults" ng-click="resetDefaults()"/>
			<input type="submit" value="Generate a game of Jungle Chess" />
		</form>

</body>
</html>